آموزش برنامه‌نویسی با Vibe Coding با استفاده از Cursor AI و Google Stitch - ساخت اپلیکیشن‌های پایتون، iOS، اندروید و وب - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• نحوه راه‌اندازی Cursor AI برای کدنویسی مبتنی بر هوش مصنوعی How to Set Up Cursor AI for AI-Powered Coding

• تور رابط کاربری Cursor AI (ویرایشگر، پنل‌ها و ویژگی‌ها) Cursor AI Interface Tour (Editor, Panels & Features)

• مقایسه پلن رایگان در مقابل پلن حرفه‌ای Cursor AI Cursor AI - Free Plan vs Pro Plan

برنامه Hello World با Google Stitch و Cursor AI Hello World with Google Stitch and Cursor AI

• وب اپلیکیشن Hello World با Cursor AI و Google Stitch Hello World Web App with Cursor AI and Google Stitch

• ساخت وب اپلیکیشن Hello World با Cursor AI و Google Stitch Build a Hello World Web App with Cursor AI & Google Stitch

• اجرای برنامه Hello World Running the Hello World App

• استفاده موثر از پنل چت Cursor AI Using the Cursor AI Chat Panel Effectively

• تکرار و عیب‌یابی برنامه، افزودن تصاویر و حالت تمام صفحه Iterating and Debugging the App- Adding Images & Full-Screen Mode More

• برگرداندن تغییرات (Undo) Undoing Changes

• طراحی رابط کاربری حالت روشن و تاریک با الهام از Dribbble Designing Light and Dark Mode UI with Dribbble Inspiration

ساخت ImageNinja با پایتون، Tkinter و Pillow ImageNinja with Python, Tkinter and Pillow

• معرفی اپلیکیشن پردازش تصویر پایتون Introducing the Python Image Processing App

• افزودن مستندات Tkinter و Pillow در Cursor AI Adding Tkinter and Pillow Documentation in Cursor AI

• برنامه‌ریزی آزمایشگاه ImageNinja و افزودن قوانین Cursor Planning the ImageNinja Lab and Adding Cursor Rules

• ساخت آزمایشگاه ImageNinja با Cursor AI Building the ImageNinja Lab with Cursor AI

• اجرای اپلیکیشن پردازش تصویر Running the Image Processing App

• عیب‌یابی اپلیکیشن پردازش تصویر پایتون با Cursor AI و ChatGPT Debugging Your Python Image Processing App with Cursor AI & ChatGPT

اپلیکیشن ردیاب خلق‌وخوی iOS iOS Mood Tracker App

• شروع کار: ردیاب خلق‌وخوی iOS با Xcode و SwiftUI Getting Started- iOS Mood Tracker with Xcode and SwiftUI

• طراحی اپلیکیشن با ChatGPT و Google Stitch Designing the App with ChatGPT and Google Stitch

• نیازمندی‌های Xcode برای توسعه iOS Xcode Requirements for iOS Development

• دانلود Xcode Downloading Xcode

• ساخت پروژه اولیه ردیاب خلق‌وخو در Xcode Build a Mood Tracker Starter Project in Xcode

• باز کردن Cursor از طریق ترمینال Opening Cursor from the Terminal

• باز کردن پروژه در Cursor Opening up the Project in Cursor

• استفاده از Indexing و قوانین Cursor در Xcode برای ردیاب خلق‌وخو Using Indexing and Cursor Rules in Xcode for a Mood Tracker

• برنامه‌ریزی و ساخت اپلیکیشن با ChatGPT و Cursor AI Plan and Build an App with ChatGPT & Cursor AI

• اجرا و تست اپلیکیشن در Xcode Run and Test the App in Xcode

• عیب‌یابی قابلیت حذف با Cursor AI و ChatGPT Debugging Delete Functionality with Cursor AI & ChatGPT

• عیب‌یابی و اصلاح نمودار میله‌ای در SwiftUI Debugging and Fixing the Bar Chart in SwiftUI

• تجسم داده‌ها با نمودار دایره‌ای در SwiftUI Visualizing Data with a Pie Chart in SwiftUI

• طراحی صفحه شروع (Splash Screen) با Google Stitch Designing a Splash Screen with Google Stitch

• پیاده‌سازی صفحه شروع در Cursor و Xcode Implementing the Splash Screen in Cursor and Xcode

• خلق صفحه شروع نرم با انیمیشن‌های Spring و Opacity با استفاده از Cursor AI Create a Smooth Splash Screen with Spring Animations and Opacity Using Cursor AI

اپلیکیشن تبدیل واحد اندروید Android Unit Converter App

• ساخت تبدیل واحد با استفاده از Cursor، ChatGPT و Jetpack Compose Building a Unit Converter Using Cursor, ChatGPT, and Jetpack Compose

• طراحی Google Stitch برای اپلیکیشن تبدیل واحد Google Stitch Design for Unit Converter App

• دانلود Android Studio Download Android Studio

• راه‌اندازی اولین اپلیکیشن و تور Android Studio First App Setup & Android Studio Tour

• نصب شبیه‌ساز و اجرای اولین پروژه Install an Emulator & Run Your First Project

• ایجاد پروژه اندروید و باز کردن آن در Cursor Creating an Android Project and Opening It in Cursor

• راه‌اندازی مستندات Jetpack Compose، Kotlin و Material Design Setting Up Jetpack Compose, Kotlin & Material Design Docs

• افزودن قانون دایرکتوری در Cursor Adding a Cursor Directory Rule

• ایجاد و تدوین برنامه تبدیل واحد Creating and Building the Unit Converter Plan

• تبدیل اپلیکیشن تبدیل واحد به پروژه‌ای مبتنی بر Jetpack Compose Converting the Unit Converter App to a Jetpack Compose-based Project

• الهام‌بخشی به Cursor AI با استفاده از تصاویر Google Stitch Inspiring Cursor AI using Google Stitch Images

• بازگرداندن تغییرات با Checkpoints در Cursor Reverting Changes with Cursor Checkpoints

• اجرای اپلیکیشن تبدیل واحد Running the Unit Converter App

• اصلاح موقعیت عنوان با استفاده از Scaffold Fixing the Title Position with Scaffold

• فعال‌سازی اسکرول افقی در انتخاب‌گر دسته‌بندی Enabling Horizontal Scrolling in the Category Selector

• بومی‌سازی اپلیکیشن (پشتیبانی از فرانسوی، ایتالیایی و اسپانیایی) App Localization Supporting French, Italian and Spanish

• عیب‌یابی بومی‌سازی فرانسوی Debugging the French Localization

• افزودن زبان‌ها به شبیه‌ساز و تغییر زبان سیستم Adding Languages to the Emulator and Changing the System Language

• منابع رشته‌ای (String Resources) و بومی‌سازی String Resources and Localization

• تایید بومی‌سازی اپلیکیشن Verifying App Localization

• بخشیدن یک رابط کاربری مدرن و رنگارنگ به تبدیل واحد Giving the Unit Converter a Modern, Colorful UI

• حذف اخطارهای مربوط به APIهای منسوخ شده Removing Warnings from Deprecated APIs

بازی جذاب د Tic Tac Toe با P5.js، جاوااسکریپت، HTML، CSS و Google Stitch Cool Game of Tic Tac Toe using P5.js, Javascript, HTML, CSS and Google Stitch

• معرفی بازی مدرن Tic Tac Toe با p5js، جاوااسکریپت و Google Stitch Introducing a Modern Tic Tac Toe Game with p5js, JavaScript and Google Stitch

• طراحی با Google Stitch Designing with Google Stitch

• راه‌اندازی Tic Tac Toe در Cursor Cursor Tic Tac Toe Setup

• وارد کردن تصاویر، افزودن مستندات p5js و تعریف قوانین Import Images, Add p5js Documentation and Add Rules

• افزودن یک Skill Adding a Skill

• ایجاد برنامه اجرایی در Cursor AI Creating the Cursor AI Plan

• ساخت بازی Tic Tac Toe Building the Tic Tac Toe Game

• اجرا و عیب‌یابی بازی Tic Tac Toe Running and Debugging the Tic Tac Toe Game

• شروع یک چت جدید برای رفع مشکل رابط کاربری Starting a New Chat to Address a UI Issue

از صفر تا سه بعدی: ساخت پروژه خیره‌کننده Three.js در Cursor From Zero to 3D: Build an Eye-Catching Three.js Project in Cursor

• چه می‌سازیم: یک وب اپلیکیشن سه بعدی با Three.js در Cursor AI What We're Building- A 3D Web App with Three js in Cursor AI

• ایجاد پرامپت برای پروژه سه بعدی شما Creating the Prompt for Your 3D Project

• ساخت پروژه سه بعدی در Cursor AI Building Your 3D Project in Cursor AI

• ایجاد پس‌زمینه Creating a Background

• اجرای اپلیکیشن سه بعدی در مرورگر Running Your 3D App in the Browser

• تست یک تصویر پس‌زمینه دیگر Testing Another Background Image

• نمایش یا پنهان کردن مستندات با یک دکمه Show or Hide Documentation with a Button

• افزودن آواتار، تصویر ماه و Normal Map ماه Adding the Avatar, the Moon Image and Moon Normal

اپلیکیشن طراحی و نقاشی Drawing App

• مقدمه‌ای بر Vibe Coding برای ساخت اپلیکیشن نقاشی اندروید از صفر Introduction to Vibe Coding an Android Drawing App from Scratch

• طراحی اولیه اپلیکیشن نقاشی با ChatGPT، Stitch و Gemini ChatGPT, Stitch, Gemini initial Drawing App

• رفع مشکل کشیدن هنگام درگ (On Drag) Fixing the On Drag Drawing Issue

• بهبود معماری اپلیکیشن با استفاده از Cursor AI Improving App Architecture using Cursor AI

• ویژگی‌های جدید و چالش‌های جدید New Features and New Issues

• بهبود لای‌اوت و افزودن Toast Composable Improving the Layout and adding a Toast Composable

• افزودن Share Sheet (منوی اشتراک‌گذاری) Adding a Share Sheet

• افزودن اشکال کانواس به اپلیکیشن نقاشی Adding Canvas Shapes to the Drawing App

• بهبودهای رابط کاربری و گسترش ویژگی‌های اپلیکیشن نقاشی UI Improvements and Extending Drawing App Features

• تست پاک‌کن، ابزار جابه‌جایی، تغییر رنگ پس‌زمینه و عیب‌یابی پایه Testing Eraser, Move Tool, Change Background Color and Basic Debugging

• عیب‌یابی DrawViewModel Debugging the DrawViewModel

• تغییر عملکرد ابزار پاک‌کن Changing the Functionality of the Eraser Tool

• حل مشکل رنگ ابزار پاک‌کن Resolving the Color of the Eraser Tool

• اصلاح Padding نوار بالایی Top Bar Padding

• به‌روزرسانی گزینه‌های خروجی (Export) Updating Export Options

• بهینه‌سازی و ارتقای نوار ابزار بالای اپلیکیشن Streamlining and Enhancing the Top App Bar